<template>
  <div>
    <HelloWord message="王浩" />
    <HelloWord message="人月" />

    <CounterView :count="count" @qwer="count++"/>


    <hr>
    <h1>父组件： {{ count }}</h1>
    <button @click="count++">++</button>
  </div>
</template>
<!-- 组件通信 -->
  <!--  父子通信： 父组件通过传递自定义属性，子组件通过props接受  -->
  <!--  子父通信： 父组件通过传递自定义事件，子组件通过$emit触发事件 -->

<script>
import HelloWord from '@/components/HelloWorld.vue';
import CounterView from './components/CounterView.vue';
export default {
  components: {
    HelloWord,
    CounterView
  },
  data() {
    return {
      count: 1
    }
  }
}
</script>